.food-list {
  .card-desc {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .card-footer {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    .count {
      margin: 0 10rpx;
    }
  }
  .detail {
    image {
      height: 500rpx;
      width: 100%;
    }
    .name {
      font-size: 40rpx;
      font-weight: 700;
      text-align: center;
    }
    .desc {
      margin: 20rpx;
    }
  }
}